page {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
    sans-serif;
  background-color: #f8f8f8;
}

/* 清除默认样式 */
view,
text,
scroll-view,
swiper,
swiper-item,
image,
navigator {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* 主题色变量 */
:root {
  --primary-color: #018d71;
  --primary-light: #e6f3f0;
  --text-color: #333333;
  --text-color-light: #666666;
  --border-color: #eeeeee;
  --bg-color: #f8f8f8;
}

/* 通用样式类 */
.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.text-center {
  text-align: center;
}

.text-primary {
  color: var(--primary-color);
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-white {
  background-color: #ffffff;
}

.rounded {
  border-radius: 8rpx;
}

.shadow {
  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
}

.mt-2 {
  margin-top: 20rpx;
}

.mb-2 {
  margin-bottom: 20rpx;
}

.p-2 {
  padding: 20rpx;
} 